﻿<Window x:Class="CECB.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        
        xmlns:CustomWPFColorPicker="clr-namespace:CustomWPFColorPicker;assembly=CustomWPFColorPicker"
                      xmlns:toolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input.Toolkit"
        Title="MainWindow"  Width="1382" Height="784" WindowState="Maximized" WindowStyle="None">
    <Window.Resources>

        <ControlTemplate x:Key="AnimatedExpanderButtonTemp" TargetType="{x:Type ToggleButton}">
            <Border x:Name="ExpanderButtonBorder"
                    Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    Padding="{TemplateBinding Padding}"
                    >
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Rectangle Fill="Transparent"
                               Grid.ColumnSpan="2"/>
                    <Ellipse Name="Circle"
                         Grid.Column="0"
                         Stroke="DarkGray"
                         Width="20"
                         Height="20"
                         HorizontalAlignment="Center"
                         VerticalAlignment="Center"
                         />
                    <Path x:Name="Arrow"
                      Grid.Column="0"
                      Data="M 1,1.5 L 4.5,5 8,1.5"
                      Stroke="#FF666666"
                      StrokeThickness="2"
                      HorizontalAlignment="Center"
                      VerticalAlignment="Center"
                      RenderTransformOrigin="0.5,0.5"
                      >
                        <Path.RenderTransform>
                            <RotateTransform Angle="0"/>
                        </Path.RenderTransform>
                    </Path>
                    <ContentPresenter x:Name="HeaderContent"
                                      Grid.Column="1"
                                      Margin="4,0,0,0"
                                      ContentSource="Content"/>
                </Grid>
            </Border>
            <ControlTemplate.Triggers>
                <!-- Animate arrow when toggled-->
                <Trigger Property="IsChecked"
                         Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="Arrow"
                                                 Storyboard.TargetProperty="(Path.RenderTransform).(RotateTransform.Angle)"
                                                 To="180"
                                                 Duration="0:0:0.4"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="Arrow"
                                                 Storyboard.TargetProperty="(Path.RenderTransform).(RotateTransform.Angle)"
                                                 To="0"
                                                 Duration="0:0:0.4"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>

                <!-- MouseOver, Pressed behaviours-->
                <Trigger Property="IsMouseOver"
                                 Value="true">
                    <Setter Property="Stroke"
                                    Value="#FF3C7FB1"
                                    TargetName="Circle"/>
                    <Setter Property="Stroke"
                                    Value="#222"
                                    TargetName="Arrow"/>
                </Trigger>
                <Trigger Property="IsPressed"
                                 Value="true">
                    <Setter Property="Stroke"
                                    Value="#FF526C7B"
                                    TargetName="Circle"/>
                    <Setter Property="StrokeThickness"
                                    Value="1.5"
                                    TargetName="Circle"/>
                    <Setter Property="Stroke"
                                    Value="#FF003366"
                                    TargetName="Arrow"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>

        <ControlTemplate x:Key="StretchyExpanderTemp" TargetType="{x:Type Expander}">
            <DockPanel>
                <ToggleButton x:Name="ExpanderButton" 
                              DockPanel.Dock="Top"
                              Template="{StaticResource AnimatedExpanderButtonTemp}"
                              Content="{TemplateBinding Header}"
                              IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}}"
                              OverridesDefaultStyle="True"
                              Padding="1.5,0">
                </ToggleButton>
                <ContentPresenter x:Name="ExpanderContent"
                                  ContentSource="Content"
                                  DockPanel.Dock="Bottom"
                                  >
                    <ContentPresenter.LayoutTransform>
                        <ScaleTransform ScaleY="0"/>
                    </ContentPresenter.LayoutTransform>
                </ContentPresenter>
            </DockPanel>
            <ControlTemplate.Triggers>
                <Trigger Property="IsExpanded" Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="ExpanderContent"
                                                 Storyboard.TargetProperty="(ContentPresenter.LayoutTransform).(ScaleTransform.ScaleY)"                                                 
                                                 To="1"
                                                 Duration="0:0:0.4"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="ExpanderContent"
                                                 Storyboard.TargetProperty="(ContentPresenter.LayoutTransform).(ScaleTransform.ScaleY)"
                                                 To="0"
                                                 Duration="0:0:0.4"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>

            </ControlTemplate.Triggers>
        </ControlTemplate>

        <!--<Storyboard x:Key="closecsub">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBoxSubMenu">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.076">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBoxSubMenu">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-115.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBoxSubMenu">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.195">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBoxSubMenu">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-47.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>-->

        <!--<Storyboard x:Key="opencsub">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBoxSubMenu">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.118"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1.001">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBoxSubMenu">
                <EasingDoubleKeyFrame KeyTime="0" Value="-110.25"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.083">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBoxSubMenu">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.152"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.969">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBoxSubMenu">
                <EasingDoubleKeyFrame KeyTime="0" Value="-50"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="-1.833">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>-->



        <Storyboard x:Key="closecmem">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBoxMem">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.076">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBoxMem">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-115.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBoxMem">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.195">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBoxMem">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-47.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Key="opencmem">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBoxMem">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.118"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1.001">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBoxMem">
                <EasingDoubleKeyFrame KeyTime="0" Value="-110.25"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.083">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBoxMem">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.152"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.969">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBoxMem">
                <EasingDoubleKeyFrame KeyTime="0" Value="-50"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="-1.833">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>



        <Storyboard x:Key="closec2">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBox2">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.076">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBox2">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-115.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBox2">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.195">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBox2">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-47.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Key="openc2">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBox2">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.118"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1.001">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBox2">
                <EasingDoubleKeyFrame KeyTime="0" Value="-110.25"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.083">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBox2">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.152"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.969">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBox2">
                <EasingDoubleKeyFrame KeyTime="0" Value="-50"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="-1.833">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>


        <Storyboard x:Key="closec1">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBox1">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.076">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBox1">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-115.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBox1">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.195">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBox1">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-47.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Key="openc1">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBox1">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.118"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1.001">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBox1">
                <EasingDoubleKeyFrame KeyTime="0" Value="-110.25"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.083">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBox1">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.152"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.969">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBox1">
                <EasingDoubleKeyFrame KeyTime="0" Value="-50"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="-1.833">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>






        <!--<Storyboard x:Key="closec">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBoxMoreProjects">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.076">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBoxMoreProjects">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-115.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBoxMoreProjects">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.195">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBoxMoreProjects">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="-47.5">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>-->

        <!--<Storyboard x:Key="openc">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="groupBoxMoreProjects">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.118"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1.001">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="groupBoxMoreProjects">
                <EasingDoubleKeyFrame KeyTime="0" Value="-110.25"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.083">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBoxMoreProjects">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.152"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.969">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBoxMoreProjects">
                <EasingDoubleKeyFrame KeyTime="0" Value="-50"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="-1.833">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>-->

        <Storyboard x:Key="wrapSlidLeft" AutoReverse="True">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="wrapPanelListItem">
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="29">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <ExponentialEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>


        <Storyboard x:Key="slideRecleft" AutoReverse="True">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="rectangle">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="1.211">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <SineEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="rectangle">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="30">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <SineEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Key="slideRecleft1" AutoReverse="True">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="rectangle1">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="1.211">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <SineEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="rectangle1">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="30">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <SineEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Key="slideRecleft2" AutoReverse="True">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="rectangle2">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="1.211">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <SineEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="rectangle2">
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="30">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <SineEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>


        <Storyboard x:Key="showMe">
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility">
                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Visible}"/>
            </ObjectAnimationUsingKeyFrames>
            <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:0.5" From="0" To="1"/>
        </Storyboard>
        <Storyboard x:Key="hideMe">
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility">
                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Visible}"/>
            </ObjectAnimationUsingKeyFrames>
            <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:1" From="1" To="0"/>
        </Storyboard>
    </Window.Resources>
    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Hidden">
        <Grid x:Name="LayoutRoot" Background="{Binding ElementName=ForeColorPicker, Path=CurrentColor}" >
            <Grid.RowDefinitions>
                <RowDefinition Height="150"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <!--<Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="100"/>
        </Grid.ColumnDefinitions>-->

            <!--xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-->





            <!--xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-->

         
            <Grid Grid.Row="1" Margin="0,-320,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="80"/>
                </Grid.ColumnDefinitions>

                <Canvas Grid.Column="0" Background="Transparent">



                    <Rectangle x:Name="rectangle" Width="400" Height="160" Margin="370,50,0,0"  RenderTransformOrigin="0.5,0.5" Fill="#FF3399FF"  >
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                        <Rectangle.Effect>
                            <DropShadowEffect Direction="330" BlurRadius="24" ShadowDepth="13" />
                        </Rectangle.Effect>
                    </Rectangle>

                    <Rectangle x:Name="rectangle12" Width="400" Height="160" Margin="820,50,0,0"  RenderTransformOrigin="0.5,0.5" Fill="#FF3399FF"  >
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                        <Rectangle.Effect>
                            <DropShadowEffect Direction="330" BlurRadius="24" ShadowDepth="13" />
                        </Rectangle.Effect>
                    </Rectangle>

                    <Rectangle x:Name="rectangle13" Width="400" Height="160" Margin="820,230,0,0"  RenderTransformOrigin="0.5,0.5" Fill="#FF3399FF"  >
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                        <Rectangle.Effect>
                            <DropShadowEffect Direction="330" BlurRadius="24" ShadowDepth="13" />
                        </Rectangle.Effect>
                    </Rectangle>


                    <Rectangle x:Name="rectangle14" Width="400" Height="160" Margin="820,410,0,0"  RenderTransformOrigin="0.5,0.5" Fill="#FF3399FF"  >
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                        <Rectangle.Effect>
                            <DropShadowEffect Direction="330" BlurRadius="24" ShadowDepth="13" />
                        </Rectangle.Effect>
                    </Rectangle>

                    <Rectangle x:Name="rectangle1" Width="400" Height="160" Margin="370,230,0,0" RenderTransformOrigin="0.5,0.5" Fill="#FF3399FF"  >
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                        <Rectangle.Effect>
                            <DropShadowEffect Direction="330" BlurRadius="24" ShadowDepth="13" />
                        </Rectangle.Effect>
                    </Rectangle>

                    <Rectangle x:Name="rectangle2" Width="400" Height="160" Margin="370,410,0,0"  RenderTransformOrigin="0.5,0.5" Fill="#FF3399FF"  >
                        <Rectangle.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Rectangle.RenderTransform>
                        <Rectangle.Effect>
                            <DropShadowEffect Direction="330" BlurRadius="24" ShadowDepth="13" />
                        </Rectangle.Effect>
                    </Rectangle>

                    <Rectangle  Width="1" Height="570" Margin="345,10,0,0" Fill="White">
                        <Rectangle.Effect>
                            <DropShadowEffect Direction="330" BlurRadius="24" ShadowDepth="13" />
                        </Rectangle.Effect>
                    </Rectangle>

                    <Rectangle  Width="1340" Height="1" Margin="10,0,0,0" Fill="White">
                        <Rectangle.Effect>
                            <DropShadowEffect Direction="330" BlurRadius="24" ShadowDepth="13" />
                        </Rectangle.Effect>
                    </Rectangle>




                    <TextBlock Text="Recent Projects" Margin="20,20,0,0" FontFamily="Nyala" FontSize="30" Foreground="Black" Background="Transparent"   Width="206" Height="30" Canvas.Left="26" Canvas.Top="-10"></TextBlock>
                    <TextBlock Text="Project Templates" Margin="350,20,0,0" FontFamily="Nyala" FontSize="30" Foreground="Black" Background="Transparent"   Width="206" Height="30" Canvas.Left="26" Canvas.Top="-10"></TextBlock>
                    <StackPanel Height="2" Margin="20,40,0,0" Background="DarkGray" Width="1200"> </StackPanel>
                    <ListBox x:Name="listBoxRecentProjects" BorderThickness="0"  Margin="20,50,0,0" ScrollViewer.CanContentScroll="False" ScrollViewer.VerticalScrollBarVisibility="Hidden" ScrollViewer.HorizontalScrollBarVisibility="Hidden" Height="530" Background="Transparent" Width="305">
                        <ListBox.Effect>
                            <DropShadowEffect Direction="330" BlurRadius="24" ShadowDepth="13" />
                        </ListBox.Effect>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <WrapPanel  x:Name="wrapPanelListItem" Background="#FFA70032" MaxWidth="290" Margin="0,5,0,0"  >


                                    <WrapPanel.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform/>
                                            <SkewTransform/>
                                            <RotateTransform/>
                                            <TranslateTransform/>
                                        </TransformGroup>
                                    </WrapPanel.RenderTransform>


                                    <WrapPanel Orientation="Vertical"  Width="300" Height="80">
                                        <StackPanel Orientation="Horizontal">
                                            <Label Content="Project Name : " Margin="30,0,0,0" Height="40" Width="auto" Foreground="White"   HorizontalAlignment="Left" FontSize="16" FontFamily="Times New Roman" />
                                            <Label Content="{Binding proj_name}" Margin="10,0,0,0" Height="40" Width="auto" Foreground="White"   HorizontalAlignment="Left" FontSize="16" FontFamily="Times New Roman" />
                                        </StackPanel>
                                        <StackPanel Orientation="Horizontal" Margin="0,-15,0,0"  >
                                            <Label Content="Project Location : " Margin="30,0,0,0" Height="25" Width="auto" Foreground="White"   HorizontalAlignment="Left" FontSize="14" FontFamily="Times New Roman" />
                                            <Label Content="{Binding proj_location}" Margin="10,4,0,0" Height="25" Width="auto" Foreground="White"   HorizontalAlignment="Left" FontSize="14" FontFamily="Times New Roman" />
                                        </StackPanel>
                                        <StackPanel Orientation="Horizontal" Margin="0, -5,0,0"  >
                                            <Label Content="Project Results :  "  Margin="30,0,0,0" Height="30" Width="auto" Foreground="White"   HorizontalAlignment="Left" FontSize="16" FontFamily="Times New Roman" />
                                            <Label Content="{Binding proj_finalResult}" Margin="10,0,0,0" Height="30" Width="auto" Foreground="White"   HorizontalAlignment="Left" FontSize="18" FontFamily="Times New Roman" />
                                        </StackPanel>

                                    </WrapPanel>

                                </WrapPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <Grid Canvas.Left="379" Canvas.Top="61" Height="141" Name="grid1" Width="376" Background="{x:Null}" MouseLeftButtonDown="grid1_MouseLeftButtonDown">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="49*" />
                            <RowDefinition Height="92*" />
                        </Grid.RowDefinitions>
                        <Label Content="Roads &#38; Bridges Template" Height="43" HorizontalAlignment="Left" Margin="6,6,0,0" Name="labelTemplate1Name" VerticalAlignment="Top" Width="286" Foreground="White" FontSize="20" />
                        <TextBlock Grid.Row="1" Height="71" HorizontalAlignment="Left" Margin="11,10,0,0" Name="textBlock3" Text="The Project involves the construction of new access road and internal road network" TextWrapping="Wrap" VerticalAlignment="Top" Width="224" Foreground="#FFFFF8F8" FontSize="15" />
                        <StackPanel Height="2" HorizontalAlignment="Left" Margin="12,43,0,0" Name="stackPanel1" VerticalAlignment="Top" Width="364" Background="White" />
                        <StackPanel Height="86" HorizontalAlignment="Left" Margin="259,0,0,0" Name="stackPanel7" VerticalAlignment="Top" Width="117" Grid.Row="1">
                            <StackPanel.Background>
                                <ImageBrush ImageSource="/CECB;component/images/roadimage.jpg" />
                            </StackPanel.Background>
                        </StackPanel>
                    </Grid>
                    <Grid Background="{x:Null}" Height="141" Name="grid2" Width="376" Canvas.Left="379" Canvas.Top="238">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="49*" />
                            <RowDefinition Height="92*" />
                        </Grid.RowDefinitions>
                        <Label Content="Railway Lines &#38;  Bridges Template" FontSize="20" Foreground="White" Height="43" HorizontalAlignment="Left" Margin="6,6,0,0" Name="labelTemplate3Name" VerticalAlignment="Top" Width="320" />
                        <TextBlock FontSize="15" Foreground="#FFFFF8F8" Grid.Row="1" Height="71" HorizontalAlignment="Left" Margin="11,10,0,0" Name="textBlock4" Text="
The Project, Construction of Railway Bridges on Rail Track Extension" TextWrapping="Wrap" VerticalAlignment="Top" Width="268" />

                        <StackPanel Background="White" Height="2" HorizontalAlignment="Left" Margin="12,43,0,0" Name="stackPanel2" VerticalAlignment="Top" Width="364" />
                        <StackPanel Grid.Row="1" Height="86" HorizontalAlignment="Left" Margin="259,0,0,0" Name="stackPanel6" VerticalAlignment="Top" Width="117">
                            <StackPanel.Background>
                                <ImageBrush ImageSource="/CECB;component/images/download%20%282%29.jpg" />
                            </StackPanel.Background>
                        </StackPanel>
                    </Grid>
                    <Grid Background="{x:Null}" Height="141" Name="grid3" Width="376" Canvas.Left="379" Canvas.Top="425">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="49*" />
                            <RowDefinition Height="92*" />
                        </Grid.RowDefinitions>
                        <Label Content=" Hydro Power Projects Template " FontSize="20" Foreground="White" Height="43" HorizontalAlignment="Left" Margin="6,6,0,0" Name="labelTemplate5Name" VerticalAlignment="Top" Width="305" />
                        <TextBlock FontSize="15" Foreground="#FFFFF8F8" Grid.Row="1" Height="71" HorizontalAlignment="Left" Margin="11,10,0,0" Name="textBlock5" Text="Discription ............" VerticalAlignment="Top" Width="351" />
                        <StackPanel Background="White" Height="2" HorizontalAlignment="Left" Margin="12,43,0,0" Name="stackPanel3" VerticalAlignment="Top" Width="364" />
                    </Grid>

                    <Grid Canvas.Left="813" Canvas.Top="61" Height="141" Name="grid4" Width="389" Background="{x:Null}" MouseLeftButtonDown="grid1_MouseLeftButtonDown">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="49*" />
                            <RowDefinition Height="92*" />
                        </Grid.RowDefinitions>
                        <Label Content="Dedicated Economic Centers" Height="43" HorizontalAlignment="Left" Margin="6,6,0,0" Name="labelTemplate2Name"  VerticalAlignment="Top" Width="286" Foreground="White" FontSize="20" />
                        <TextBlock Grid.Row="1" Height="71" HorizontalAlignment="Left" Margin="11,10,0,0"   Text="Discription ............" VerticalAlignment="Top" Width="351" Foreground="#FFFFF8F8" FontSize="15" />
                        <StackPanel Height="2" HorizontalAlignment="Left" Margin="12,43,0,0"   VerticalAlignment="Top" Width="376" Background="White" />
                        <StackPanel Height="86" HorizontalAlignment="Left" Margin="272,0,0,0" Name="stackPanel8" VerticalAlignment="Top" Width="117" Grid.Row="1">
                            <StackPanel.Background>
                                <ImageBrush ImageSource="/CECB;component/images/iconomic.jpg" />
                            </StackPanel.Background>
                        </StackPanel>
                    </Grid>

                    <Grid Canvas.Left="825" Canvas.Top="238" Height="141" Name="grid23" Width="392" Background="{x:Null}" MouseLeftButtonDown="grid1_MouseLeftButtonDown">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="49*" />
                            <RowDefinition Height="92*" />
                        </Grid.RowDefinitions>
                        <Label Content="Ports  &#38;   Coastal Template" Height="43" HorizontalAlignment="Left" Margin="6,6,0,0" Name="labelTemplate4Name"  VerticalAlignment="Top" Width="286" Foreground="White" FontSize="20" />
                        <TextBlock Grid.Row="1" Height="71" HorizontalAlignment="Left" Margin="11,10,0,0"   Text="Discription ............" VerticalAlignment="Top" Width="351" Foreground="#FFFFF8F8" FontSize="15" />
                        <StackPanel Height="2" HorizontalAlignment="Left" Margin="12,43,0,0"   VerticalAlignment="Top" Width="364" Background="White" />
                        <StackPanel Height="86" HorizontalAlignment="Left" Margin="260,0,0,0" Name="stackPanel9" VerticalAlignment="Top" Width="117" Grid.Row="1">
                            <StackPanel.Background>
                                <ImageBrush ImageSource="/CECB;component/images/port.jpg" />
                            </StackPanel.Background>
                        </StackPanel>
                    </Grid>

                    <Grid Canvas.Left="826" Canvas.Top="421" Height="141" Name="grid32" Width="376" Background="{x:Null}" MouseLeftButtonDown="grid1_MouseLeftButtonDown">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="49*" />
                            <RowDefinition Height="92*" />
                        </Grid.RowDefinitions>
                        <Label Content="Custom Template" Height="43" HorizontalAlignment="Left" Margin="6,6,0,0"   VerticalAlignment="Top" Width="286" Foreground="White" FontSize="20" />
                        <TextBlock Grid.Row="1" Height="71" HorizontalAlignment="Left" Margin="11,10,0,0"   Text="Here you can create a custom template to any projects type or categories" TextWrapping="Wrap" VerticalAlignment="Top" Width="351" Foreground="#FFFFF8F8" FontSize="15" />
                        <StackPanel Height="2" HorizontalAlignment="Left" Margin="12,43,0,0"   VerticalAlignment="Top" Width="364" Background="White" />
                    </Grid>
                </Canvas>

            </Grid>

            <Canvas Height="153" HorizontalAlignment="Left" Name="canvas2" Margin="-10,-10,0,0" VerticalAlignment="Top" Width="1380">
                <Canvas.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0" />
                        <GradientStop Color="#FFA3A1A1" Offset="0.494" />
                        <GradientStop Color="#FF272121" Offset="0" />
                        <GradientStop Color="#FF272121" Offset="1" />
                    </LinearGradientBrush>
                </Canvas.Background>




                <Expander Template="{StaticResource StretchyExpanderTemp}"
                  OverridesDefaultStyle="True"
            Header=" " Height="auto"    HorizontalAlignment="Left" Margin="10,100,0,0" Name="expanderProject" VerticalAlignment="Top" Width="240" Background="{x:Null}">
                    <StackPanel Width="400" Height="90" Background="Transparent" VerticalAlignment="Top" HorizontalAlignment="Left">

                        <GroupBox x:Name="groupBoxMoreProjects"   HorizontalAlignment="Left" Height="86" VerticalAlignment="Top" Width="135"   RenderTransformOrigin="0.5,0.5" BorderThickness="0" UseLayoutRounding="False"   >
                            <GroupBox.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </GroupBox.RenderTransform>

                            <StackPanel Orientation="Vertical">
                                <StackPanel Orientation="Horizontal">
                                    <GroupBox Cursor="Hand"  Height="55" Margin="0,5,0,0" Width="55" Background="#50000000" MouseLeftButtonDown="GroupBox_MouseLeftButtonDown_2" BorderBrush="White" BorderThickness="0.5">
                                        <Image Grid.Row="1" Height="40"  Name="ne1w" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/new_project_iconSearch.png" />
                                    </GroupBox>
                                    <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55"   MouseLeftButtonDown="GroupBox_MouseLeftButtonDown_4">
                                        <Image Grid.Row="1" Height="40"  Name="ne1w1" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/details-iconUp.png" />
                                    </GroupBox>
                                    <!--<GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55"   PreviewMouseLeftButtonDown="StackPanel_PreviewMouseLeftButtonDown_1">
                                        <Image Grid.Row="1" Height="40"  Name="ne1w2" Stretch="Fill" Margin="0,6,0,0" Width="40" />
                                    </GroupBox>-->
                                    <!--<GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_9">
                                        <Image Grid.Row="1" Height="40"  Name="ne1w3" Stretch="Fill" Margin="0,6,0,0" Width="40" />
                                    </GroupBox>
                                    <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_9">
                                        <Image Grid.Row="1" Height="40"  Name="ne1w23" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/searchIcon1.png" />
                                    </GroupBox>-->
                                </StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <WrapPanel Grid.Row="2"  Orientation="Horizontal" Background="#FF332D2D" Margin="0,0,0,0" Width="235">
                                        <TextBlock Text="    Edit     |   Edit EIA  |   " Margin="12,0,0,0" Foreground="White"></TextBlock>

                                    </WrapPanel>
                                </StackPanel>
                            </StackPanel>



                            <GroupBox.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF9B9A99" Offset="0" />
                                    <GradientStop Color="White" Offset="1" />
                                </LinearGradientBrush>
                            </GroupBox.Background>
                        </GroupBox>

                    </StackPanel>
                </Expander>




                <GroupBox x:Name="groupBox"   HorizontalAlignment="Left" Height="118" Margin="10,5,0,0" VerticalAlignment="Top" Width="250"   RenderTransformOrigin="0.5,0.5" BorderThickness="0" UseLayoutRounding="False"    >
                    <GroupBox.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </GroupBox.RenderTransform>
                    <Grid Height="104.535" Name="grid5" Width="245.976">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="25" />
                            <RowDefinition Height="64" />
                            <RowDefinition Height="15" />
                        </Grid.RowDefinitions>
                        <WrapPanel  Grid.Row="1" Width="auto" Orientation="Horizontal">
                            <GroupBox Cursor="Hand"  Height="55" Margin="0,5,0,0" Width="55" Background="#50000000" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_7" BorderBrush="White" BorderThickness="0.5">
                                <Image Grid.Row="1" Height="40"  Name="new" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/new_project_icon.png" />
                            </GroupBox>
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55"   MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_11">
                                <Image Grid.Row="1" Height="40"  Name="new1" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/details-icon.png" />
                            </GroupBox>
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55"   PreviewMouseLeftButtonDown="StackPanel_PreviewMouseLeftButtonDown_1">
                                <Image Grid.Row="1" Height="40"  Name="new2" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/excel.png" />
                            </GroupBox>
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_9">
                                <Image Grid.Row="1" Height="40"  Name="new3" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/downMore.png" />
                            </GroupBox>
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_9">
                                <Image Grid.Row="1" Height="40"  Name="new23" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/searchIcon1.png" />
                            </GroupBox>
                        </WrapPanel>
                        <WrapPanel Grid.Row="2"  Orientation="Vertical" Background="#FF332D2D" Margin="0,0,0,-7">
                            <TextBlock Text="New      |   New EIA |    Excel      |    More |" Margin="12,0,0,0" Foreground="White"></TextBlock>

                        </WrapPanel>
                        <StackPanel></StackPanel>
                    </Grid>
                    <GroupBox.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF9B9A99" Offset="0" />
                            <GradientStop Color="White" Offset="1" />
                        </LinearGradientBrush>
                    </GroupBox.Background>
                </GroupBox>

                <TextBlock Text="Projects" TextAlignment="Center" Padding="0,5,0,0" Foreground="White"  Cursor="Hand" FontSize="15" Height="30" Width="140" Margin="10,5,0,0" Background="#FF311500"  ></TextBlock>

                <GroupBox x:Name="groupBox1"   HorizontalAlignment="Left" Height="118" Margin="270,5,0,0" VerticalAlignment="Top" Width="250"   RenderTransformOrigin="0.5,0.5" BorderThickness="0" UseLayoutRounding="False"    >
                    <GroupBox.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF9B9A99" Offset="0" />
                            <GradientStop Color="White" Offset="1" />
                        </LinearGradientBrush>
                    </GroupBox.Background>
                    <GroupBox.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </GroupBox.RenderTransform>
                    <Grid Height="104.535" Name="grid6" Width="245.976">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="25" />
                            <RowDefinition Height="64" />
                            <RowDefinition Height="15" />
                        </Grid.RowDefinitions>
                        <WrapPanel  Grid.Row="1" Orientation="Horizontal">
                            <GroupBox Name="groupBoxFillMatrix" BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="0,5,0,0" Width="55"   MouseLeftButtonDown="StackPanel_MouseLeftButtonDown">
                                <Image Grid.Row="1" Height="40"  Name="newa1" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/metrixIcon.png" />
                            </GroupBox>
                            <GroupBox Name="groupBoxConfirmButton"  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55"   MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_1">
                                <Image Grid.Row="1" Height="40"  Name="newa2" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/confirmIcon.png" />
                            </GroupBox>
                            <GroupBox BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand" Height="55" Margin="5,5,0,0" Width="55" MouseLeftButtonDown="GroupBox_MouseLeftButtonDown_8"  >
                                <Image Grid.Row="1" Height="40" Name="nemmwss1" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/metrixSearchIcon.png" />
                            </GroupBox>
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55"   MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_2">
                                <Image Grid.Row="1" Height="40"  Name="newa4" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/metrixSearchIcon.png" />
                            </GroupBox>
                        </WrapPanel>
                        <WrapPanel Grid.Row="2"  Orientation="Horizontal" Background="#FF332D2D" Margin="-10,0,0,-7">
                            <TextBlock Text=" Fill Matrix |  Confirm |   Leopold  |  Simple" Margin="12,0,0,0" Foreground="White"></TextBlock>

                        </WrapPanel>
                    </Grid>
                </GroupBox>
                <TextBlock Text="Matrices" TextAlignment="Center" Padding="0,5,0,0" Foreground="White"  Cursor="Hand" FontSize="15" Height="30" Width="140" Margin="270,5,0,0" Background="#FF311500"  ></TextBlock>

                <GroupBox x:Name="groupBox2"   HorizontalAlignment="Left" Height="117.6" Margin="530,5,0,0" VerticalAlignment="Top" Width="250"   RenderTransformOrigin="0.5,0.5" BorderThickness="0" UseLayoutRounding="False"     >
                    <GroupBox.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF9B9A99" Offset="0" />
                            <GradientStop Color="White" Offset="1" />
                        </LinearGradientBrush>
                    </GroupBox.Background>
                    <GroupBox.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </GroupBox.RenderTransform>
                    <Grid Height="118" Name="grid7" Width="245.976">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="25" />
                            <RowDefinition Height="62" />
                            <RowDefinition Height="28" />
                            <RowDefinition Height="3*" />
                        </Grid.RowDefinitions>
                        <WrapPanel  Grid.Row="1" Orientation="Horizontal" Margin="0,5,0,26" Grid.RowSpan="2">
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"    Height="55" Margin="0,5,0,0" Width="55"   MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_3">
                                <Grid>
                                    <Image Grid.Row="1" Height="40"  Name="news" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/activityicon.png" />
                                    <TextBlock Name="textBlock7" Margin="6,36.6,-18.2,-8.4" Text="Insert" Foreground="White" Width="55.2" />

                                </Grid>
                            </GroupBox>
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"    Height="55" Margin="5,5,0,0" Width="55"   MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_10">
                                <Grid>
                                    <Image Grid.Row="1" Height="40"  Name="newss1" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/eventIconUp.png" />
                                    <TextBlock Name="textBloc23" Margin="3,35.6,-15.2,-6.4" Text="Delete" Foreground="White" Width="55.2" />

                                </Grid>
                            </GroupBox>
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"    Height="55" Margin="5,5,0,0" Width="55"   MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_6">
                                <Grid>
                                    <Image Grid.Row="1" Height="40"  Name="news2" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/componentIcon.png" />
                                    <TextBlock Name="textfdf" Margin="9,35.6,-8.2,-6.4" Text="Insert" Foreground="White" />

                                </Grid>
                            </GroupBox>
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"   Height="55" Margin="5,5,0,0" Width="55"  MouseLeftButtonDown="GroupBox_MouseLeftButtonDown_10"  >
                                <Grid>
                                    <Image Grid.Row="1" Height="40"  Name="news1" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/eventIconUp.png" />
                                    <TextBlock Name="textBsdk7" Margin="5,35.6,-17.2,-8.4" Text="Delete" Foreground="White" Width="55.2" />

                                </Grid>
                            </GroupBox>

                        </WrapPanel>
                        <StackPanel Grid.Row="2" Height="22" HorizontalAlignment="Left" Orientation="Horizontal" Margin="5,5,0,0" Name="stackPanel4" VerticalAlignment="Top" Width="238" Background="#FF332D2D">

                            <TextBlock Grid.Row="2" Height="16.8" HorizontalAlignment="Left" Foreground="White" Padding="20,0,0,0" Margin="10,0,0,0" Name="textBlock6" Text="Activities" VerticalAlignment="Top" Width="96.4" />
                            <TextBlock Grid.Row="2" Height="16.8" HorizontalAlignment="Left" Foreground="White" Padding="0,0,0,0" Margin="0,0,0,0"   Text="|" VerticalAlignment="Top" Width="5" />
                            <TextBlock Grid.Row="2" Height="16.8" HorizontalAlignment="Left" Foreground="White" Padding="15,0,0,0" Margin="15,0,0,0" Name="textBls6" Text="Components" VerticalAlignment="Top" Width="94" />


                        </StackPanel>
                    </Grid>
                </GroupBox>


                <!--<GroupBox x:Name="groupBoxSubMenu"   HorizontalAlignment="Left" Height="100" Margin="717,105,0,0" VerticalAlignment="Top" Width="170"   RenderTransformOrigin="0.5,0.5" BorderThickness="0" UseLayoutRounding="False" Background="#FF0A62BB" MouseLeave="groupBoxSubMenu_MouseLeave">
                <GroupBox.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </GroupBox.RenderTransform>
                <Grid Height="104.535" Name="gridsub" Width="162">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="25" />
                        <RowDefinition Height="72" />
                        <RowDefinition Height="7" />
                    </Grid.RowDefinitions>
                    <WrapPanel  Grid.Row="1" Orientation="Horizontal" Margin="0,-5,0,0">
                        <StackPanel Cursor="Hand"  Height="55" Margin="0,5,0,0" Width="75" Background="#FF0E5D30" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_3">
                            <Image Grid.Row="1" Height="40"  Name="news11" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/email.png" />
                        </StackPanel>
                        <StackPanel Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="75" Background="#FF0E5D30">
                            <Image Grid.Row="1" Height="40"  Name="newss12" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/new_project_icon.png" />
                        </StackPanel>

                    </WrapPanel>
                    <WrapPanel  Grid.Row="1" Margin="0,50,0,0" Orientation="Horizontal" Grid.RowSpan="2">
                        <TextBlock Text="Simple" Margin="18,4,0,0" Foreground="White"></TextBlock>
                        <TextBlock Text="Leopold" Margin="40,4,0,0" Foreground="White"></TextBlock>

                    </WrapPanel>
                </Grid>
            </GroupBox>-->
                <TextBlock Text="Matrices Settings" TextAlignment="Center" Padding="0,5,0,0" Foreground="White"  Cursor="Hand" FontSize="15" Height="30" Width="140" Margin="530,5,0,0" Background="#FF311500"    ></TextBlock>


                <!--================================================  MEMBER ============================================-->



                <Expander Template="{StaticResource StretchyExpanderTemp}"
                  OverridesDefaultStyle="True"
            Header=" " Height="auto"    HorizontalAlignment="Left" Margin="790,100,0,10" Name="expander1" VerticalAlignment="Top" Width="240" Background="{x:Null}">
                    <StackPanel Width="400" Height="90" Background="Transparent" VerticalAlignment="Top" HorizontalAlignment="Left">
                        <GroupBox x:Name="groupBoxMemMore"   HorizontalAlignment="Left" Height="95.6" Margin="0,2,0,0" VerticalAlignment="Top" Width="200"   RenderTransformOrigin="0.5,0.5" BorderThickness="0" UseLayoutRounding="False"   >

                            <GroupBox.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF9B9A99" Offset="0" />
                                    <GradientStop Color="White" Offset="1" />
                                </LinearGradientBrush>
                            </GroupBox.Background>
                            <GroupBox.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </GroupBox.RenderTransform>

                            <StackPanel Orientation="Vertical">

                                <StackPanel Orientation="Horizontal" Margin="0,5,0,0">
                                    <WrapPanel Grid.Row="1" Orientation="Horizontal" Margin="0,0,0,0" Grid.RowSpan="2">
                                        <GroupBox BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand" Height="55" Margin="5,0,0,0" Width="55" MouseLeftButtonDown="GroupBox_MouseLeftButtonDown_5">
                                            <Image Grid.Row="1" Height="40" Name="news1ms" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/MEMBER.png" />
                                        </GroupBox>
                                        <GroupBox BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand" Height="55" Margin="5,0,0,0" Width="55" MouseLeftButtonDown="GroupBox_MouseLeftButtonDown_9">
                                            <Image Grid.Row="1" Height="40" Name="nemm1wss1" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/MEMBERSERCH.png" />
                                        </GroupBox>
                                        <GroupBox BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand" Height="55" Margin="5,0,0,0" Width="55" MouseLeftButtonDown="GroupBox_MouseLeftButtonDown">
                                            <Image Grid.Row="1" Height="40" Name="nmews12" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/MEMBERUp.png" />
                                        </GroupBox>

                                    </WrapPanel>

                                </StackPanel>
                                <StackPanel Orientation="Horizontal" Margin="5,0,0,0">
                                    <WrapPanel Grid.Row="2"  Orientation="Horizontal" Background="#FF332D2D" Margin="0,5,0,0" Grid.RowSpan="2">
                                        <TextBlock Text="     New     |   Search    |  Update  " Margin="0,0,0,0" Foreground="White" Width="182"></TextBlock>

                                    </WrapPanel>
                                </StackPanel>
                            </StackPanel>






                        </GroupBox>

                    </StackPanel>
                </Expander>

                <!--=================================== Expander    2 ===============-->
                <Expander Template="{StaticResource StretchyExpanderTemp}"
                  OverridesDefaultStyle="True"
            Header=" " Height="auto"    HorizontalAlignment="Left" Margin="860,100,0,10" Name="expanderTeam" VerticalAlignment="Top" Width="206" Background="{x:Null}">
                    <StackPanel Width="400" Height="90" Background="Transparent" VerticalAlignment="Top" HorizontalAlignment="Left">
                        <GroupBox x:Name="groupBoxTeamMore"   HorizontalAlignment="Left" Margin="0,0,0,0" Width="135"   RenderTransformOrigin="0.5,0.5" BorderThickness="0" UseLayoutRounding="False"    >

                            <GroupBox.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF9B9A99" Offset="0" />
                                    <GradientStop Color="White" Offset="1" />
                                </LinearGradientBrush>
                            </GroupBox.Background>
                            <GroupBox.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </GroupBox.RenderTransform>



                            <StackPanel Orientation="Vertical" Height="87">
                                <StackPanel Orientation="Horizontal" Margin="0,5,0,0">

                                    <GroupBox BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand" Height="55" Margin="5,0,0,0" Width="55" MouseLeftButtonDown="GroupBox_MouseLeftButtonDown_7">
                                        <Image Grid.Row="1" Height="40" Name="news21ms" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/MEMBER.png" />
                                    </GroupBox>
                                    <GroupBox BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand" Height="55" Margin="5,0,0,0" Width="55" MouseLeftButtonDown="GroupBox_MouseLeftButtonDown_6">
                                        <Image Grid.Row="1" Height="40" Name="nemm1w1ss1" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/MEMBERSERCH.png" />
                                    </GroupBox>
                                    

                                </StackPanel>
                                <StackPanel Orientation="Horizontal" Width="170"  Margin="0,5,0,0" Height="auto">
                                    <TextBlock Text="    New     |    Search      " Background="#FF332D2D" Foreground="White" Width="170"></TextBlock>
                                </StackPanel>
                            </StackPanel>



                        </GroupBox>

                    </StackPanel>
                </Expander>
                <!--=================================================================================================================-->



                <GroupBox x:Name="groupBoxMemDetails"   HorizontalAlignment="Left" Height="117.6" Margin="1050,5,0,0" VerticalAlignment="Top" Width="310.676"   RenderTransformOrigin="0.5,0.5" BorderThickness="0" UseLayoutRounding="False" >

                    <GroupBox.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF9B9A99" Offset="0" />
                            <GradientStop Color="White" Offset="1" />
                        </LinearGradientBrush>
                    </GroupBox.Background>
                    <GroupBox.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </GroupBox.RenderTransform>
                    <Canvas>
                        <Image Grid.Column="1" Height="102" HorizontalAlignment="Left" Margin="205,5,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="93" Source="/CECB;component/images/userLogo.jpg" />
                        <StackPanel Margin="6,0,0,0">

                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text=" " Name="textBlockLoggedUser" Padding="10,10,0,0" Foreground="White" FontSize="18" FontFamily="Nyala" Height="41.526" Width="269.15"></TextBlock>
                                <Grid HorizontalAlignment="Center" VerticalAlignment="Top" Margin="-180,0,0,0">
                                    <Image Height="32" Margin="2" Source="/CECB;component/images/minimize.png"  Width="32" MouseLeftButtonDown="Image_MouseLeftButtonDown_1" />
                                </Grid>
                            </StackPanel>
                            <TextBlock Text="Logged Time :" Name="textBlockLoggedTime"  Padding="10,8,0,0" Margin="0,0,0,0" Foreground="White" FontSize="15" FontFamily="Nyala"></TextBlock>
                            <StackPanel Height="2" Margin="0,2,0,0" Background="White" HorizontalAlignment="Left" Name="stackPanel5" Width="190" />
                            <TextBlock Text="Logout"  Padding="10,6,0,0" Margin="50,6,0,0" Foreground="Red" FontSize="18"  HorizontalAlignment="Center" Height="32" Cursor="Hand"  FontFamily="Nyala" Background="White" Width="69" MouseLeftButtonUp="TextBlock_MouseLeftButtonUp"></TextBlock>

                        </StackPanel>
                    </Canvas>


                </GroupBox>

                <GroupBox x:Name="groupBoxMem"   HorizontalAlignment="Left" Height="117.6" Margin="790,5,0,0" VerticalAlignment="Top" Width="192"   RenderTransformOrigin="0.5,0.5" BorderThickness="0" UseLayoutRounding="False"   >

                    <GroupBox.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF9B9A99" Offset="0" />
                            <GradientStop Color="White" Offset="1" />
                        </LinearGradientBrush>
                    </GroupBox.Background>
                    <GroupBox.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </GroupBox.RenderTransform>

                    <Grid Height="118" Name="gridmem" Width="auto" Margin="0,0,0,0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="25" />
                            <RowDefinition Height="62" />
                            <RowDefinition Height="28" />
                            <RowDefinition Height="3*" />
                        </Grid.RowDefinitions>
                        <WrapPanel Grid.Row="1" Orientation="Horizontal" Margin="-4,6,0,23" Grid.RowSpan="2">
                            <GroupBox BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand" Height="55" Margin="5,5,0,0" Width="55" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_8">
                                <Image Grid.Row="1" Height="40" Name="newsms" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/MEMBER.png" />
                            </GroupBox>
                            <GroupBox BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand" Height="55" Margin="5,5,0,0" Width="55" MouseLeftButtonDown="GroupBox_MouseLeftButtonDown_1">
                                <Image Grid.Row="1" Height="40" Name="nmews23" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/team_icon.png" />
                            </GroupBox>
                            <GroupBox  BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand"  Height="55" Margin="5,5,0,0" Width="55"   MouseLeftButtonDown="StackPanel_MouseLeftButtonDown_4">
                                <Image Grid.Row="1" Height="40"  Name="newa3" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/email.png" />
                            </GroupBox>
                            
                            <GroupBox Visibility="Collapsed" BorderBrush="White" BorderThickness="0.5" Background="#50000000" Cursor="Hand" Height="55" Margin="5,5,0,0" Width="55" MouseLeftButtonDown="GroupBox_MouseLeftButtonDown">
                                <Image Grid.Row="1" Height="40" Name="nmews2" Stretch="Fill" Margin="0,6,0,0" Width="40" Source="/CECB;component/images/MEMBERUp.png" />
                            </GroupBox>

                        </WrapPanel>
                        <WrapPanel Grid.Row="2"  Orientation="Horizontal" Background="#FF332D2D" Margin="-2,6,0,-7" Grid.RowSpan="2">
                            <TextBlock Text="Member |   Team    | Send Email |   More   " Margin="12,0,0,0" Foreground="White" Width="220"></TextBlock>

                        </WrapPanel>
                    </Grid>
                </GroupBox>
                <TextBlock Text="Members And Teams" TextAlignment="Center" Padding="0,5,0,0" Foreground="White"  Cursor="Hand" FontSize="15" Height="30" Width="140" Margin="790,5,0,0" Background="#FF311500"   ></TextBlock>

            </Canvas>


            <Canvas    Height="643" HorizontalAlignment="Left" Margin="1259,140,0,0" Name="canvas1" VerticalAlignment="Top" Width="111" Opacity="0.7" MouseEnter="canvas1_MouseEnter" MouseLeave="canvas1_MouseLeave" Grid.RowSpan="2" Background="Black">
                <Button Background="{x:Null}" BorderBrush="{x:Null}" Click="button_searchClick" Height="100" Margin="10,80,0,0" Name="CloseButton" Width="80" Cursor="Hand" Canvas.Left="0" Canvas.Top="-69">
                    <Image Grid.Row="0" Height="50" Margin="0" Source="images\searchIcon1.png" Width="50" />
                </Button>

                <TextBlock Canvas.Left="19" Canvas.Top="66" Height="23" Name="textBlock1" Text="Search" Foreground="White" Margin="10,50,0,0" FontWeight="Black" />

                <Button Background="{x:Null}" BorderBrush="{x:Null}"  Height="100" Margin="10,80" Name="buttonNotification" Width="80" Cursor="Hand" Canvas.Left="0" Canvas.Top="79" Click="buttonNotification_Click">
                    <Image Grid.Row="0" Height="50" Margin="0" Source="images\notify.png" Width="50" />
                </Button>

                <TextBlock Canvas.Left="7" Canvas.Top="214" Height="23" Name="textBlock2" Text="Notification" Margin="10,50,0,0" Foreground="White" FontWeight="Black" />


                <Button Background="{x:Null}" BorderBrush="{x:Null}"  Height="100" Margin="10,80" Name="buttonSettings" Width="80" Cursor="Hand" Canvas.Left="0" Canvas.Top="244" Click="buttonSettings_Click">
                    <Image Grid.Row="0" Height="50" Margin="0" Source="images\setting.png" Width="50" />
                </Button>

                <TextBlock Canvas.Left="15" Canvas.Top="380" Height="23" Name="textBlockd" Margin="10,50,0,0" Text="Settings" Foreground="White" FontWeight="Black" />

                <Button Background="{x:Null}" BorderBrush="{x:Null}"  Height="100" Margin="10,80" Name="buttonExit" Width="80" Cursor="Hand" Canvas.Left="0" Canvas.Top="400" Click="buttonExit_Click">
                    <Image Grid.Row="0" Height="50" Margin="0" Source="images\shutdown.png" Width="50" />
                </Button>

                <TextBlock Canvas.Left="24" Canvas.Top="539" Height="23" Name="textBlocks" Margin="10,50,0,0" Text="Exit" Foreground="White" FontWeight="Black" Width="37" />


            </Canvas>

        </Grid>



    </ScrollViewer>

</Window>
